@import url('assets/style/mixin.less');
.PageIndexShop {
  .content {
    background-color: #ffffff;
    margin: 0 30px 30px 30px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    .b_bg {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
    }
    .t_box {
      flex-direction: row;
      justify-content: space-between;
      margin: 30px 30px 0 30px;
    }
    .row {
      flex-direction: row;
      align-items: center;
    }
    .l_title {
      font-size: 32px;
      font-weight: bold;
      color: #333333;
      line-height: 44px;
      text-align: center;
      letter-spacing: 1px;
      margin-right: 15px;
    }
    .t_border {
      width: 1px;
      background-color: rgba(122, 122, 122, 1);
      height: 28px;
      margin-top: 5px;
    }
    .r_title {
      color: rgba(122, 122, 122, 1);
      font-size: 24px;
      padding: 0 15px;
      margin-top: 5px;
    }
    .more {
      color: #999999;
      font-size: 26px;
    }
    .r_img {
      width: 25px;
      height: auto;
    }
  }
  .scroll {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: max-content;
    align-items: center;
    padding: 25px 0;
    .item_box {
      width: 23vw;
      margin-left: 20px;
      justify-content: space-between;
      .icon_box {
        width: 170px;
        height: 170px;
        align-items: center;
        justify-content: center;
      }
      .goodsInfoName {
        .text-overflow(@lines: 2);
        font-size: 26px;
        line-height: 32px;
        min-height: 64px;
        color: rgb(48, 48, 48);
        letter-spacing: 2px;
        margin: 15px 0;
        padding: 2px;
      }
    }
  }
}
